

<template>
  <!-- //组件的结构 -->
  <div>
    <h2>学生姓名 {{ stuName }}</h2>
    <h2>学生贵庚 {{ age }}</h2>
  </div>
</template>



<script>
export default {
  name: Student,
  data() {
    return {
      stuName: "小黑",
      age: 18,
    };
  },
  methods: {
    click() {
      alert("学生点击");
    },
  },
};
</script>


<style>
/* 组建的样式 */
.p {
  padding: 10%;
  background-color: bisque;
}
</style>

